{include file="head2" /}
<style>
    .charge-wrap{
        height: 100%;
        color: #fff;
    }
    .wrap-hd{
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
        z-index: 2;
    }
    .wrap-md{
        height: calc(100% - 40px);
        overflow-y: scroll;
        position: relative;
        z-index: 2;
        top: 40px;
        padding: 0 4px;
    }
    .md-tit{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 15px;
        border-radius: 5px;
        background:#131f30;
        font-size: 14px;
    }
    .select-box{
        display: flex;
        align-items: center;
    }
    .select-box select{
        color: #ddd;
        font-size: 14px;
        border: none;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        background: transparent;
    }
    .select-box img{
        width: 15px;
        margin-left: 5px;
    }
    .md-cnt{
        padding:25px 30px;
        margin-top: 15px;
        background:#131f30;
        color: #999;
        border-radius: 5px;
    }
    .md-cnt .ewm-box{
        width: 230px;
        height: 230px;
        margin: 0 auto;
    }
    .md-cnt .ewm-box img{
        max-width: 100%;
    }
    .code-txt{
        color: #666;
        background: #f5f6f7;
        border-radius: 2px;
        padding: 7px 10px;
        text-align: center;
        margin-top: 10px;
    }
    .btn{
        background: #2DB492;
        color: #fff;
        width: 80%;
        margin: 15px auto;
        display: block;
        padding: 10px 0;
        text-align: center;
        border-radius: 5px;
        border: none;
        font-size: 14px;
    }
    .line{
        width: 100%;height: 2px;background-color: #A9A9A9;
        margin-bottom: 10px;
    }
    .form-item{
        margin: 15px 0;

    }
    .form-item-flex{
        display: flex;
        align-items: center;
    }
    .form-item-flex label{
        margin-top: 10px;
    }
    .form-item .input-txt{
        border-radius: 5px;
        background: #f5f6f7;
        color: #666;
        font-size: 12px;
        height: 29px;
        padding: 0 10px;
        margin-top: 10px;
    }
    .form-item span{
        color: #f00;
    }
    .input-txt-large{
        width: 100%;
    }
    .tips{
        color: #f00;
        font-size: 12px;
        width: 90%;
        margin-left: 5%;
        margin-top: 20px;
        margin-bottom: 10px;
        padding-top: 10px;
    }
    .tips h4{
        font-size: 14px;
        color: #f00;
    }
</style>
<div class="charge-wrap">
    <ion-header-bar class="order-modal-header bar bar-header wrap-hd">
        <h1 class="title">充值</h1>
        <div class="close" onclick="history.go(-1)">
            <i class="icon ion-ios-arrow-left"></i>
        </div>
    </ion-header-bar>
    <div class="wrap-md">
        <div class="md-tit">
            <span>当前币种</span>
            <div class="select-box">
                <select name="select_coin" id="select_coin" class="tc garyd ft28">
                    <option value="USDT" selected="">USDT</option>
                    <!--
                    <option value="ETH">ETH</option>
                    <option value="EOS">EOS</option>
                    <option value="USDT">USDT(ERC-2)</option>
                    <option value="ETC">ETC</option>
                    <option value="MOBI">MOBI</option>
                    -->
                </select>
                <img src="/static/public/images/arrow_down.png" alt="" class="ico_down ml10">
            </div>
        </div>
        <div class="md-cnt modal-re">
            <!--
          <div class="ewm-box"><img src="http://qr.topscan.com/api.php?text=請聯繫財務秘書領取錢包地址" /></div>
          -->

            <p class="code-txt"><input type="text" placeholder="输入或长按粘贴地址" id="t_url" class="t_url" readonly="readonly" value="{$address}" style="width:3rem;"></p>
            <button type="button" class="btn icon-copy iconfont" data-clipboard-target="#t_url">复制地址</button>
            <div class="line"></div>
            <form>
            <input type="hidden" name="coin_name" value="BTC">
                <div class="form-item-flex form-item">
                    <label>充值USDT数：</label>
                    <input type="number" placeholder="充值数量最小10" name="t_num" class="t_num input-txt" value="">
                </div>

                <!--
                <div class="form-item-flex form-item">
                  <label>充值费率：</label>
                  <input type="text" placeholder="充值费率" class="input-txt" readonly="readonly" value="1BTC=1  USDT" style="color:#ffffff;">
                </div>
                <div class="form-item-flex form-item">
                  <label>充值金额：</label>
                  <input type="text" placeholder="0" readonly="readonly" class="t_oney" value="" style="color:#ffffff;">
                </div>
                -->
                <!--
                <div class="form-item">
                  <label>我的钱包地址：</label>
                  <input type="text" class="input-txt input-txt-large"/>
                  <span>填写转币的地址(必填)</span>
                </div>
                -->
                <button type="button" class="btn" onclick="re_withdraw()">确定</button>
                <!-- <div class="line"></div>-->
            </form>
            <!--
            <div class="tips">
              <h4>温馨提示：</h4>
              <ul>
                <li>1、请确认以上地址种类，如充值其他币种，将无法找回。</li>
                <li>2、请在充币提交后2个小时内将币转入指定的账号，恶意操作将会冻结账号。</li>
                <li>3、正常情况两个小时内会充入个人账号，若因区块链网络拥堵，则会延迟到账。</li>
              </ul>
            </div>
            -->
        </div>
    </div>
</div>
<script src="/static/index/js/lk/user.js?s=1593171272"></script>
<script>
    var userpay_min = 10;
    var userpay_max = 9999999;
    $(" .t_num").bind("input  propertychange",function() {

        var pay_num = $(".modal-re .t_num").val();

        $(".modal-re .t_oney").val((pay_num * 1).toFixed(2));

        if (pay_num < userpay_min) {
            layer.msg("最小充值数量不能小于" + userpay_min);
            $(".modal-re .t_num").focus();
            $(".modal-re .button-balanced").removeAttr("onclick");
            $(".modal-re .button-balanced").css('background', '#929296');
            return false;
        }
        if (pay_num > userpay_max) {
            layer.msg("最大充值数量不能大于" + userpay_max);
            $('.modal-re .t_num').val('');
            $(".modal-re .t_oney").val('');
            $(".modal-re .t_num").blur();
            $(".modal-re .button-balanced").removeAttr("onclick");
            $(".modal-re .button-balanced").css('background', '#929296');
            return false;


        }
        $(".modal-re .button-balanced").css('background', '#e42112');
        $(".modal-re .button-balanced").attr("onclick", "re_withdraw()");
    })
    var clipboard = new Clipboard('.icon-copy');
    clipboard.on('success', function(e) {
        $.alert("复制成功");
    });
</script></html>